<div class="ui positive message small">
    <i class="close icon"></i>
    <div class="header">
        Thêm sản phẩm thành công
    </div>
    <p>Go to your <b>special offers</b> page to see now.</p>
</div>
    

$('.message .close')
    .on('click', function () {
        $(this)
            .closest('.message')
            .transition('fade')
        ;
});
    

<div class="ui warning message">
  <i class="close icon"></i>
  <div class="header">
    You must register before you can do that!
  </div>
  Visit our registration page, then try again
</div>
    

<div class="ui info message">
  <i class="close icon"></i>
  <div class="header">
    Was this what you wanted?
  </div>
  <ul class="list">
    <li>It's good to see you again.</li>
    <li>Did you know it's been a while?</li>
  </ul>
</div>
    

<div class="ui error message">
  <i class="close icon"></i>
  <div class="header">
    There was some errors with your submission
  </div>
  <ul class="list">
    <li>You must include both a upper and lower case letters in your password.</li>
    <li>You need to select your home country.</li>
  </ul>
</div>